<template>
    <HireHumpItem :data="setData" :item-m-b="itemMB" @item-click="itemClick"/>
</template>

<script>

export default {
    props: {
        data: {
            type: Object,
            default: () => ({})
        },
        itemMB: {
            type: Boolean,
            default: true
        }
    },
    computed: {
        setData() {
            const data = this.data;
            return {
                id: data.id,
                title: data.title,
                distance: data.distance,
                region: data.region,
                recruitmentType: data.recruitment_type,
                positionCategory: data.position_category,
                salaryRange: data.salary_range,
                settlementMethod: data.settlement_method,
                fringeBenefits: data.fringe_benefits,
                userImage: data.user_image,
                userInformation: data.user_information,
                enterpriseName: data.enterprise_name,
                nikeName: data.nike_name,
            }
        },
    },
    data() {
        return {
            
        };
    },
    methods: {
        itemClick(item) {
            this.$emit('item-click',this.data);
        }
    }
}
</script>

<style lang="less">

</style>
